.li {
  background: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: 542px;
  height: 345px;

  a {
    display: block;
    border-radius: 8px;
    color: #684029;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;

    img {
      border-radius: 8px;
      width: 542px;
      height: 252px;
      // background: #fafafa url(/themes/site/img/list-img.png) center no-repeat;
      background-size: auto 100%;
    }

    h4 {
      font-size: 24px;
      color: #000;
      margin-top: 14px;
      padding: 0 16px;
      font-weight: normal;
      margin-bottom: 0px;
    }

    p {
      font-size: 14px;
      color: #242424;
      padding: 0 16px;
      line-height: 22px;
      margin-top: 0px;

      span:first-child {
        display: inline-block;
        width: 400px;
        padding-right: 30px;
        vertical-align: middle;
      }

      span:last-child {
        color: #AD814B;
        display: inline-block;
      }
    }
  }
}